import { StyleSheet } from 'react-native';
import { px2dp } from 'bee/utils/px2dp';
import { colors, sizes } from 'bee/themes';

export default StyleSheet.create({
  lableCon: {
    height: px2dp(40),
    borderRadius: px2dp(20),
    borderWidth: StyleSheet.hairlineWidth,
    paddingHorizontal: px2dp(18),
    marginRight: px2dp(30),
    marginVertical: px2dp(12),
  },
  hotLabelText: {
    color: colors[1001],
  },
  hotLabel: {
    borderColor: colors[1001],
  },
  labelText: {},
  normalLabel: {
    borderColor: colors[1102],
  },
  normalLabelText: {
    color: colors[1102],
  },
  searchView: {
    height: px2dp(128),
    flexDirection: 'row',
    paddingHorizontal: px2dp(50),
    paddingTop: px2dp(40),
    backgroundColor: colors[1001],
    alignItems: 'center',
  },
  searchInput: {
    paddingHorizontal: px2dp(24),
    paddingVertical: 0,
    flex: 1,
    fontSize: sizes.f0,
    backgroundColor: colors.white,
    height: px2dp(56),
    borderRadius: px2dp(28),
  },
  wordsCon: {
    paddingHorizontal: px2dp(30),
  },
  wordsTitle: {
    fontSize: sizes.f2,
    color: colors[1102],
    marginVertical: px2dp(10),
  },
  words: {
    flexDirection: 'row',
    flexWrap: 'wrap',
  },
});
